<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Click Do Bem</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
	<link href="css/style.css" type="text/css" rel="stylesheet">
	<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin,latin-ext">
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/twitter.js" type="text/javascript"></script>
	<script src="js/custom.js" type="text/javascript"></script>
	<script src="js/carousel.js" type="text/javascript"></script>
	<script src="js/jquery.flexslider.js" type="text/javascript"></script>
	<script src="js/shortcodes.js" type="text/javascript"></script>
	<script src="js/imagebox.min.js" type="text/javascript"></script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=157429264363739";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<div id="header">
		<div class="container">
			<div class="four columns">
					<div id="logo"><a href="#"><img alt="" src="images/logo.png"></a></div>
			</div>
		
			<div class="twelve columns">
			
				<!-- Menu -->
				<div id="navigation">
				  </div>		
	
			</div>
		</div>
	</div><!-- End Header -->
	
	<!-- 960 Ctainer -->
			<div style="margin-top: 30px;" class="container">
<div class="sixteen columns">
			<div class="home">
				<img alt="" src="images/img_slider_02.jpg">
			</div>
		</div>
		
			<div id="divider" class="sixteen columns"></div>
			
				<div class="one-third column steps">		
					<div class="feature">
						<div class="feature-circle pink">1</div>
						<div class="font-click feature-description">
						<h4>Curta a campanha</h4>
							Doe gratuitamente com um clique e ajude a atingir a meta.
						</div>
					</div>
				</div>
				
				<!-- 1/3 Columns -->
				<div class="one-third column steps">		
					<div class="feature">
						<div class="feature-circle pink">2</div>
						<div class="font-click feature-description">
						<h4>Compartilhe</h4>
							Mostre a seus amigos que você está engajado com uma campanha social.
						</div>
					</div>
				</div>
				
				<!-- 1/3 Columns -->
				<div class="one-third column steps">		
					<div class="feature">
						<div class="feature-circle pink">3</div>
						<div class="font-click feature-description">
						<h4>Colha os resultados</h4>
							Assim que a meta for atingida, o valor arrecadado será encaminhado à entidade da campanha.
						</div>
					</div>
				</div>	
			</div>
	<!-- Page Subtitle -->
	
	<!-- 960 Container -->
	<div style="margin-bottom: 30px;" class="container">
	
		<!-- Project Title -->
		<div class="sixteen columns">
			<h3 class="page_headline"></h3>
		</div>
		<!-- End Project Title-->

		<!-- Slider -->
		<div id="container">
			<div class="eightnine columns">
				<div style="width: 100%">
						<img alt="" src="images/img_single_project_01.jpg">
				</div>
			</div>
			<div class="seveneight columns">
				<div class="project_overview">
					<p class="font-click"><span class="strong">Sobre a campanha: </span>A casa hope é uma instituição 100% filantrópica que oferece apoio biopsicosocial e educacional a crianças e adolescentes portadores de cancêr, transplantados de medula óssea, fígado e rins juntamente com seus acompanhantes, de baixa renda, procedentes de todo Brasil.</p>
				</div>
			</div>
			<div class="twothree columns">
				<div class="project_overview">
					<span class="strong font-click">Doação</span>
					<ul class="font-click check_list">
						<li>100 litros de leite</li>
						<li>200 kilos de arroz</li>
						<li>200 kilos de feijão </li>
						<li>300 agasalhos</li>
					</ul>
			</div>
			</div>
			<div class="fourfive columns">
				<div class="project_overview">
					<div class="font-click button-meta">
					<span id="meta">Meta:</span>
					<span id="meta-count">5.000 Pessoas curtiram isso.</span>
					</div>
					<div class="button-face">
					<div class="fb-like" data-href="http://www.cliquedobem.com.br" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>
					</div>
				</div>
			</div>
		
	</div>

	</div>
	<!-- End 960 Container -->
	<!-- Footer -->
	<div id="footer">
	
		<!-- 960 Container -->
		
		<div class="container">
		<div class="fourfive columns">
				<ul class="social">
					<li class="facebook"><a href="#"></a></li>
					<li class="twitter"><a href="#"></a></li>
					<li class="vimeo"><a href="#"></a></li>
					<li class="linked"><a href="#"></a></li>
					<li class="flickr"><a href="#"></a></li>
				  </ul>
		</div>
		<div class="eightbottom columns">
					<div class="copyright">Contato: cliquedobem@hotmail.com</div>
					<div class="copyright">&copy; Copyright 2012, <span>clickajuda</span>. Todos os direitos reservados.</div>
				</div>
		</div><!-- End 960 Container -->
	</div>
	
		
		<!-- Back To Top Button -->
		<div id="backtotop"><a href="#"></a></div>
		
		<!-- Imagebox Build -->
		<script src="js/imagebox.build.js"></script><div id="ib-overlay"></div>
		

</body></html>